﻿<catel:Page x:Class="Catwitter.MainPage"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:local="using:Catwitter"
            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
            xmlns:catel="using:Catel.Windows.Controls"
            xmlns:views="using:Catwitter.Views"
            mc:Ignorable="d">

    <catel:StackGrid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <catel:StackGrid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </catel:StackGrid.RowDefinitions>

        <!-- Settings -->
        <!--<WrapPanel Orientation="Horizontal" Style="{StaticResource RightAlignedButtonsWrapPanelStyle}">
            <Button Command="{Binding VisitCatel}" Style="{StaticResource MediumRightAlignedImageButtonStyle}" ToolTip="Visit Catel homepage">
                <Image Source="/SocialMediaStream;component/Resources/Images/Catel.png" />
            </Button>

            <Button Command="{Binding Refresh}" Style="{StaticResource MediumRightAlignedImageButtonStyle}" ToolTip="Refresh">
                <Image Source="/SocialMediaStream;component/Resources/Images/Refresh.png" />
            </Button>
        </WrapPanel>-->
        <StackPanel Orientation="Horizontal">
            <Button Command="{Binding VisitCatel}" ToolTipService.ToolTip="Visit Catel homepage">
                <Image Source="/Resources/Images/Catel.png" />
            </Button>

            <Button Command="{Binding Refresh}" ToolTipService.ToolTip="Refresh">
                <Image Source="/Resources/Images/Refresh.png" />
            </Button>
        </StackPanel>

        <!-- Listbox with contents -->
        <ListBox ItemsSource="{Binding SocialMediaEntries}" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <views:SocialMediaEntry DataContext="{Binding}" />
                        <Line />
                        <!--<Separator Width="{Binding ElementName=socialMediaEntriesListBox, Path=ActualWidth}"/>-->
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </catel:StackGrid>
</catel:Page>
